<head>
   <%= stylesheet_link_tag 'user/help' %>
</head>

<div class="container">
	<h3 class="header">Help page
		<p>This page will guide your team how to commit comments so that Havest can do more things!</p>
	</h3>
	<div>
		<h4 class="header">1. Commits</h4>
		<p>Important : To get the status of a story,we ask team members to add specific message into the commit message</p>
		<div id="shell">
		  <div id="upper">
		    <div id="buttons">
		      <div class="button red">
		        <div class="inner-light-top"></div>
		        <div class="inner-light-bottom"></div>
		        <div class="inner-dark-top"></div>

		      </div>
		      <div class="button yellow">
		        <div class="inner-light-top"></div>
		        <div class="inner-dark-top"></div>
		        <div class="inner-light-bottom"></div>
		      </div>
		      <div class="button green">
		        <div class="inner-light-top"></div>
		        <div class="inner-dark-top"></div>
		        <div class="inner-light-bottom"></div>
		      </div>
		    </div>
		    <span class="title">1. Harvest@osx: ~ (zsh)</span>
		  </div>
		  <div id="main">
		  	<div>
		  		<span class="fore">osx</span>:<span class="accent">~</span>:
				    <div id="enter" contenteditable="true">
				      <span id="filler"><span class="accent">>></span>git add.</span></span>
				    </div>
		  	</div>
		  	<div>
			    <span class="fore">osx</span>:<span class="accent">~</span>:
			    <div id="enter" contenteditable="true">
			      <span id="filler"><span class="accent">>></span>git status</span></span>
			    </div>
		    </div>

		    <div>
			    <span class="fore">osx</span>:<span class="accent">~</span>:
			    <div id="enter" contenteditable="true">
			      <span id="filler"><span class="accent">modified file:   app/views/user/help.html.erb</span></span></span>
			    </div>
		    </div>

		    <div>
			    <span class="fore">osx</span>:<span class="accent">~</span>:
			    <div id="enter" contenteditable="true">
			      <span id="filler"><span class="accent">>></span>git commit -m "Your message + *committer@percentage*  [status # story_id]"</span></span>
			    </div>
		    </div>

		    <div>
			    <span class="fore">eg.</span>:<span class="accent">~</span>:
			    <div id="enter" contenteditable="true">
			      <span id="filler"><span class="accent">>></span>git commit -m "I have complete the story *Jack@100*  [finished # 556782]"</span></span>
			    </div>
		    </div>

		    <div>
			    <span class="fore">osx</span>:<span class="accent">~</span>:
			    <div id="enter" contenteditable="true">
			      <span id="filler"><span class="accent">>></span>git push</span></span>
			    </div>
		    </div>
		  </div>
		</div>
		<br/>
		<p>You can also add message "*committer@percentage*" in the pivotal tracker's comment for one story</p>
	</div>
</div>